<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="c" uri="commontaglib"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<link rel="stylesheet" href="<%=path%>/css/innerstyle.css" type="text/css" />
	<link href="<%=path%>/css/cupertino/jquery-ui.custom.min.css" rel="stylesheet" type="text/css" />   
	<link href="<%=path%>/css/ui.jqgrid.css" rel="stylesheet" type="text/css" />   
	<link href="<%=path%>/css/ui.multiselect.css" rel="stylesheet" type="text/css" />    
	<script type="text/javascript" src="<%=path%>/js/jquery-1.7.2.min.js"></script>  
	<script type="text/javascript" src="<%=path%>/js/jquery-ui.custom.min.js"></script> 
	<script type="text/javascript" src="<%=path%>/js/i18n/grid.locale-cn.js"></script>  
	<script type="text/javascript" src="<%=path%>/js/jquery.jqGrid.min.js"></script>
	<script type="text/javascript" src="<%=path%>/js/i18n/jquery.ui.datepicker-zh-CN.js"></script>
	
</head>	
	 <script type="text/javascript">  
  function loadTab(){  

      $("#myTab").jqGrid({      
    url:'<%=path%>/cxtj/dhqk.action',   
    datatype: 'json',
    mtype: 'post',         
   	colNames:['出卖单位名称','数量'],
   	colModel:[   			
   		{name:'chumdwmc',index:'chumdwmc', width:150},
   		{name:'shuliang',index:'shuliang', width:150, sortable:false}
   	],
   
    jsonReader: {
           repeatitems : false, 
           id: 'sysid'
         },    	
   	rowNum:10,
   	rowList:[10,20,30],     	
   	pager: '#pager13',
   	rownumbers: true,   	 
    viewrecords: true,
    loadError: function (r, st, error) {
    $("#message").html("status is " + r.status+error+st);
},
	caption: "订货会进度表 "	
  });
  }

    $(function(){ 
    $("#excel").button(); 
    $("#chax").button(); 
    loadTab();
    $( "#datepicker" ).datepicker($.datepicker.regional[ "zh-CN" ]);
    $( "#datepicker1" ).datepicker($.datepicker.regional[ "zh-CN" ]);
    
 });

// 查询
function search(){   
  var formdata = $("#form1").serialize();  
  $("#myTab").jqGrid('setGridParam',{url:''+formdata,mtype:'post',page:1}).trigger("reloadGrid"); 
}
// 导出excel
function dhqk_excel(){   
  
}
//重置
function resetSearch(){
   $('#actualMonth').val('');
 }
</script>  


<body>  
<div id="best1">
<h2><span>订货会进度表</span></h2>
<form id="form1" method="post">
<table id="list_search" cellpadding="0" cellspacing="0" border="0"> 
        <tr>
		    <td>
			     开始日期：
			</td>
			<td> 
			<input id="datepicker" type="text" class="textbox" name="bean.DD" />
			</td>
			 <td>
			     结束日期：
			</td>
			<td> 
			 <input id="datepicker1" type="text" class="textbox" name="bean.EE" />
			</td>
        </tr>
		<tr>
            <td clospan="4"><input id="chax" type="button" value="统计" onclick="search();"/></td>
            <td clospan="4"><input id="excel" type="button" value="导出excel" onclick="dhqk_excel();"/></td>
        </tr>
  </table>
  </form>
    <table id="list_search" cellpadding="0" cellspacing="0" border="0"></table>
    <table id="myTab" class="scroll" cellpadding="0" cellspacing="0"></table>  
   <div id="pager13" class="scroll"></div>  
   <div id="message" class="scroll"></div> 
</div> 
</body>
</html>